<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>商品列表</title>
    <link rel="stylesheet" href="../font/iconfont.css" />
    <link rel="stylesheet" href="../css/reset.css" />
    <link rel="stylesheet" href="../css/index.css" />
    <link rel="stylesheet" href="../css/item.css" />
    <script src="../js/api.js"></script>
    <script src="../js/jquery.min.js"></script>
    <script src="../js/axios.min.js"></script>
  </head>

  <body>
    <!-- header -->
    <div class="herder">
      <!-- site-top -->
      <div class="site-topWrap">
        <div class="site-top banxin">
          <ul class="nav">
            <li><a href="#">小米商城</a></li>
            <li><a href="#">MIUI</a></li>
            <li><a href="#">loT</a></li>
            <li><a href="#">云服务</a></li>
            <li><a href="#">天星数科</a></li>
            <li><a href="#">有品</a></li>
            <li><a href="#">小爱开放平台</a></li>
            <li><a href="#">企业团购</a></li>
            <li><a href="#">资质证照</a></li>
            <li><a href="#">协议规则</a></li>
            <li>
              <a href="#">下载app</a>
              <div class="erweima">
                <img src="../img/erweima.png" alt="" />
                <p>小米商城APP</p>
              </div>
            </li>
            <li><a href="#">智能生活</a></li>
            <li><a href="#">Select Location</a></li>
          </ul>
          <div class="txt">
            <a href="./mycart.html">
              <p class="iconfont icon-gouwuche"></p>
              <p class="txt-gouwuche">购物车(0)</p>
            </a>
          </div>
          <div class="topbar-info">
            <a href="login.html" class="denglu">登录</a>
            <a href="register.html" class="zhuce">注册</a>
            <a href="#">消息通知</a>
          </div>
        </div>
      </div>

      <!-- site-header -->
      <div class="site-header">
        <div class="container banxin">
          <div class="header-logo">
            <a href="index.html">
              <img src="../img/logoxm.png" alt="" />
            </a>
          </div>
          <ul class="header-nav" style="margin-left: 40px">
            <li><a href="#">全部商品分类</a></li>
            <li class="xiaomi_phone"><a href="#">小米手机</a></li>
            <li class="hongmi_phone"><a href="#">Radmi手机</a></li>
            <li class="tv_phone"><a href="#">电视</a></li>
            <li class=""><a href="#">笔记本</a></li>
            <li><a href="#">家电</a></li>
            <li><a href="#">路由器</a></li>
            <li><a href="#">智能硬件</a></li>
            <li><a href="#">服务</a></li>
            <li><a href="#">社区</a></li>
          </ul>
          <div class="sousuo">
            <input type="text" placeholder="日用百货" />
            <p class="iconfont icon-sousuo"></p>
          </div>
        </div>
      </div>
    </div>
    <!-- 固定定位栏 -->
    <div class="xmwarp">
      <div class="xmw">
        <div class="contaner">
          <h2>小米</h2>
          <p>用户评价</p>
        </div>
      </div>
    </div>
    <div class="product-box clean banxin">
      <div class="box-left">
        <!-- <div class="left-small-img">
                <img src="" class="small-img">
                <div class="mask"></div>
            </div>
            <div class="left-big-img">
                <img src="" class="big-img">
            </div> -->
      </div>

      <div class="box-right">
        <div class="box-data">
          <!-- <h2 class="box-pname"></h2>
          <p class="box-pdesc"></p>
          <span>小米自营</span>
          <p class="box-pprice"></p> -->
        </div>
        <div class="title">选择颜色</div>
        <ul class="box-nav">
          <li style="border: #ff6700 1px solid"><a href="#">黑色</a></li>
          <li><a href="#">白色</a></li>
          <li><a href="#">银色</a></li>
          <li><a href="#">蓝色</a></li>
        </ul>
        <div class="title">选择数量</div>
        <div class="shuliang">
          <input type="button" value="-" class="jianhao" />
          <input type="text" value="1" readonly class="txtipt" />
          <input type="button" value="+" class="jiahao" />
        </div>
        <div class="zongjia">
          总计:
          <p id="spzj"></p>
        </div>
        <div class="add"><a href="#">加入购物车</a></div>
      </div>
    </div>
    <script src="../js/item.js"></script>
    <!-- <script src="../js/index.js"></script> -->
  </body>
</html>
